<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">-->
<link rel="stylesheet" href="../assets/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../assets/css/common.css" media="all">


    <title>数码批次设置</title>
</head>
<body>
<div class="page-layout">
    <div class="page-header">
  <ul class="layui-nav nav-left">
    <li class="layui-nav-item layui-this"><a href="###">控制中心</a></li>
    <li class="layui-nav-item"><a href="###">应用中心</a></li>
    <li class="layui-nav-item"><a href="###">数据中心</a></li>
  </ul>
  <ul class="layui-nav nav-right">
    <li class="layui-nav-item">
      <div class="search-input">
        <input class="layui-input" placeholder="输入关键字搜索" type="text">
      </div>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><span class="layui-badge-dot"></span><img src="../assets/images/icon_email.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><img src="../assets/images/icon_help.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" style="margin-right: 10px">
      <a href="5-扫码主页.html">数码管理</a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" lay-unselect="">
      <a href="javascript:;"><img src="http://t.cn/RCzsdCq" class="layui-nav-img"><span class="layui-nav-more"></span></a>
      <dl class="layui-nav-child layui-anim layui-anim-upbit">
        <dd><a href="6-账户信息.html">账户信息</a></dd>
        <dd><a href="6-资质管理.html">资质管理</a></dd>
        <dd><a href="javascript:;">通用设置</a></dd>
        <dd><a href="javascript:;">修改密码</a></dd>
        <dd><a href="javascript:;">退出账号</a></dd>
      </dl>
    </li>
  </ul>
</div>
    <div class="page-side">
    <div class="side-left">
        <a class="logo" href="/">
            <img src="../assets/images/logo.png" alt="">
        </a>
        <ul class="layui-nav layui-nav-tree">
            <li data-navid="nav_item01" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_01.png" alt=""></i>系统概况</a></li>
            <li data-navid="nav_item02" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_02.png" alt=""></i>商品管理</a></li>
            <li data-navid="nav_item03" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_07.png" alt=""></i>数码管理</a></li>
            <li data-navid="nav_item04" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_03.png" alt=""></i>商品秀</a></li>
            <li data-navid="nav_item05" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_04.png" alt=""></i>渠道管控</a></li>
            <li data-navid="nav_item06" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_06.png" alt=""></i>防伪管理</a></li>
            <li data-navid="nav_item07" class="layui-nav-item" style="display: none;"></li>

        </ul>
        <div class="side-left_bottom">
            <a class="" href="javascript:;"><i class="side_icon"><img
              src="../assets/images/side_icon_08.png" alt=""></i>系统设置
            </a>
            <div class="side-left_bottom_nav">
                <ul>
                    <li><a href="#"><span>微管家</span></a></li>
                    <li class="active"><a  href="#"><span>帐号权限</span></a></li>
                    <li><a href="#"><span>操作日志</span></a></li>
                </ul>
            </div>
        </div>

    </div>
    <div class="side-right">
        <div id="nav_item02" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="3-品牌列表.html"><span>品牌列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-分类列表.html"><span>分类列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-规格列表.html"><span>规格列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-商品列表.html"><span>商品列表</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item03" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="5-发码订单.html"><span>发码订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-印刷订单.html"><span>印刷订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-批次管理.html"><span>批次管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码主页.html"><span>扫码主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码明细列表.html"><span>扫码明细</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码黑名单列表.html"><span>扫码黑名单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码设置.html"><span>扫码设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item04" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="4-选择模板.html"><span>商品主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="4-编辑模板页.html"><span>模板设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item05" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>客户管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-客户列表.html"><span>客户列表</span></a></dd>
                        <dd><a href="2.1-客户关系线图.html"><span>关系线图</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>授权管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-授权审核.html"><span>授权审核</span></a></dd>
                        <dd><a href="2-审核设置.html"><span>审核设置</span></a></dd>
                        <dd><a href="2-品牌授权管理.html"><span>品牌授权管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权证书管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权查询</span></a></dd>
                        <dd><a href="javascript:;"><span>授权直达页</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>渠道发货</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2.1-发货管理.html"><span>发货管理</span></a></dd>
                        <dd><a href="2.1-退货记录管理.html"><span>退货管理</span></a></dd>
                        <dd><a href="2.1-仓库管理.html"><span>仓库管理</span></a></dd>
                        <dd><a href="javascript:;"><span>客户库存监控</span></a></dd>
                        <dd><a href="2.1-采集器管理.html"><span>采集器管理</span></a></dd>
                        <dd><a href="2.1-发货设置.html"><span>发货设置</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>物流追踪</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="#"><span>窜货监控</span></a></dd>
                        <dd><a href="2.1-物流追踪.html"><span>物流追踪</span></a></dd>
                        <dd><a href="2.1-预警设置.html"><span>预警设置</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item06" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-回复管理.html"><span>回复管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-防伪编辑模板页.html"><span>模板设置</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>基础设置</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="6-模板消息配置.html"><span>模板消息配置</span></a></dd>
                        <dd><a href="6-查询次数.html"><span>查询次数</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item07" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-账户信息.html">账户信息</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-资质管理.html">资质管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-修改密码.html">修改密码</a>
                </li>
            </ul>
        </div>
    </div>
</div>
    <div class="page-body">
        <div class="page-container">
            <div class="page-title">
                <h2>数码批次设置</h2>
                <a href="#" onClick="javascript:history.back(-1);"><span>返回</span></a>
            </div>

            <div class="zpform_block pl0">
                <div class="layui-row">
                    <div class="layui-form zpform">
                        <div class="layui-form-item">
                            <label class="layui-form-label">启用方式</label>
                            <div class="layui-input-block">
                                <div class="flexg">
                                    <div>
                                        <input type="radio" lay-filter="rd1" name="enable" value="整批启用" title="整批启用" checked="">
                                        <input type="radio" lay-filter="rd1" name="enable" value="分批启用" title="分批启用">
                                    </div>
                                </div>
                                <div class="text-muted mt5">系统仅支持整批启用或分批启用，不能同时启用两种设置</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--列表操作区-->
            <div class="list-handle-bar text-title">
                <span style="margin-left: 30px">数码批次：20180103000110</span>
                <span style="margin-left: 50px;">总数量：100000</span>
                <span style="margin-left: 50px;">流水号：10001-1000300</span>
            </div>
            <div class="tab1">
                <div class="zpform_block pl0">
                    <div class="layui-row">
                        <div class="layui-form zpform">
                            <div class="layui-form-item">
                                <label class="layui-form-label">数码状态</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <div>
                                            <input type="radio" name="enable1" value="启用" title="启用" checked="">
                                            <input type="radio" name="enable1" value="停用" title="停用">
                                            <input type="radio" name="enable1" value="作废" title="作废">
                                        </div>
                                    </div>
                                    <div class="text-muted mt5">系统仅支持整批启用或分批启用，不能同时启用两种设置</div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">匹配商品</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <input type="text" class="layui-input" style="width: 325px;">
                                        <button type="button"  onclick="selectPro()" class="layui-btn layui-btn-primary primary_btn" style="margin-left: 5px;">选择</button>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">激活备注</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <input type="text" name="title" placeholder="请输入备注内容" class="layui-input w380">
                                        <div class="last_text">
                                            <span class="text-title">0</span><span class="text-muted">/20</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab2" style="display: none;">
                <div class="zpform_block" style="padding: 20px 0;">
                    <div class="layui-row">
                        <div class="layui-form zpform">
                            <div class="layui-form-item">
                                <label class="layui-form-label">操作</label>
                                <div class="layui-input-inline" style="width: auto;">
                                    <a href="javascript:upgradePro();" class="layui-btn layui-btn-primary primary_btn"><i class="icon_add"></i>添加码段
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="data-list layui-form">
                    <div class="table-border">
                        <div class="table-radius">
                            <table class="layui-table" lay-skin="line">
                                <thead>
                                <tr>
                                    <th>流水区间</th>
                                    <th>数量</th>
                                    <th>时间</th>
                                    <th>匹配商品</th>
                                    <th>数码状态</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>10001-1000300</td>
                                    <td>8000</td>
                                    <td>2018-08-18 22:20:20</td>
                                    <td>
                                        <div class="tdpro_templet">
                                            <div class="pro_hd"><img src="../assets/images/48x48.jpg" alt=""></div>
                                            <div class="pro_bd">
                                                <div class="p1 layui-elip">Nike耐克男鞋科比毒液6科比毒液还素质</div>
                                                <div class="p2">102923</div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>已启用</td>
                                    <td>
                                        <ul class="table_action_group">
                                            <li class=""><a href="javascript:;">停用</a></li>
                                            <li class=""><a href="javascript:;">作废</a></li>
                                        </ul>
                                    </td>
                                </tr>
                                <tr>
                                    <td>10001-1000300</td>
                                    <td>8000</td>
                                    <td>2018-08-18 22:20:20</td>
                                    <td>
                                        <div class="tdpro_templet">
                                            <div class="pro_hd"><img src="../assets/images/48x48.jpg" alt=""></div>
                                            <div class="pro_bd">
                                                <div class="p1 layui-elip">Nike耐克男鞋科比毒液6科比毒液还素质</div>
                                                <div class="p2">102923</div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>未启用</td>
                                    <td>
                                        <ul class="table_action_group">
                                            <li class=""><a href="javascript:;">启用</a></li>
                                            <li class=""><a href="javascript:;">编辑</a></li>
                                            <li class=""><a href="javascript:;">作废</a></li>
                                        </ul>
                                    </td>
                                </tr>
                                <tr>
                                    <td>10001-1000300</td>
                                    <td>8000</td>
                                    <td>2018-08-18 22:20:20</td>
                                    <td>
                                        <div class="tdpro_templet">
                                            <div class="pro_hd"><img src="../assets/images/48x48.jpg" alt=""></div>
                                            <div class="pro_bd">
                                                <div class="p1 layui-elip">Nike耐克男鞋科比毒液6科比毒液还素质</div>
                                                <div class="p2">102923</div>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-red">永久作废</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <!--分页条 列表页引入-->
        <div class="page-footer">
  <div class="btn-outside">
    <button class="layui-btn" style="background-color: #0087f1;">保存</button>
    <button class="layui-btn layui-btn-primary">取消</button>
  </div>
</div>
    </div>
</div>
<!--商品名称模板-->
<script type="text/html" id="spTemplet">
    <div class="tdpro_templet">
        <div class="pro_hd">
            <img src="{{ d.spmc.img }}" alt="">
        </div>
        <div class="pro_bd">
            <div class="p1">{{ d.spmc.title }}</div>
            <div class="p2">{{ d.spmc.stitle }}</div>
        </div>
    </div>
</script>

<!--选择商品弹框-->
<div id="selproPopup" class="zp_popup_container">
    <div>
        <div class="layui-form zpform">
            <div class="flexg bg-gray" style="padding: 10px 20px;border-radius: 8px;">
                <span class="before_word">筛选</span>
                <div class="input_group">
                    <div style="width: 100px;">
                        <select name="select5">
                            <option value="">客户名称</option>
                            <option value="授权类型">授权类型</option>
                            <option value="代理品牌">代理品牌</option>
                        </select>
                    </div>
                    <input placeholder="输入客户名称" class="layui-input w190" type="text">
                    <button class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-search"></i></button>
                </div>
            </div>

            <div class="table-border">
                <table class="layui-hide" id="test"></table>
            </div>
        </div>
    </div>
    <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>

<!--添加码段弹框-->
<div id="upgradePopup" class="zp_popup_container">
    <div class="step_01 mt20" style="display: block">
        <div class="steps">
            <div class="step_item active">
                <span>设置启用区间</span>
            </div>
            <div class="step_item">
                <span>匹配商品</span>
            </div>
        </div>
        <div class="bg-black">
            <div class="layui-row">
                <div class="layui-col-xs6">
                    <span class="text-muted label-text">批次：</span><span class="fw600">20180103000110</span>
                </div>
                <div class="layui-col-xs6">
                    <span class="text-muted label-text">流水号区间：</span><span class="fw600">0000123-112344</span>
                </div>
            </div>
        </div>
        <div class="bg-black">
            <div class="layui-form" style="margin-bottom: 0;">
                <div class="layui-form-item">
                    <div class="layui-form-label">起始流水号</div>
                    <div class="layui-input-block">
                        <input class="layui-input" type="text" placeholder="请输入起始流水号">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-form-label">结束流水号</div>
                    <div class="layui-input-block">
                        <input class="layui-input" type="text" placeholder="请输入结束流水号">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-form-label">区间数量</div>
                    <div class="layui-input-block">
                        <input class="layui-input bg-gray layui-disabled" type="text" value="999" disabled>
                    </div>
                </div>
            </div>
        </div>

        <div class="popup-btn"><a class="popbtn0" id="next01">下一步</a><a close-popup class="popbtn1">取消</a></div>
    </div>
    <div class="step_02 mt20" style="display: none">
        <div class="steps">
            <div class="step_item active">
                <span>设置启用区间</span>
            </div>
            <div class="step_item active">
                <span>匹配商品</span>
            </div>
        </div>
        <div class="layui-form zpform">
            <div class="bg-gray mt7" style="padding: 10px 20px;border-radius: 8px;">
                <div class="flexg">
                    <span class="before_word">筛选</span>
                    <div class="input_group">
                        <div style="width: 100px;">
                            <select name="select5">
                                <option value="全部品牌">全部品牌</option>
                                <option value="卡姿兰">卡姿兰</option>
                                <option value="雅诗兰黛">雅诗兰黛</option>
                            </select>
                        </div>
                        <input placeholder="输入商品名称" class="layui-input w190" type="text">
                        <button class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-search"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="data-list layui-form">
                <div class="table-border">
                    <div class="table-radius"  style="height: 222px; overflow: auto;">
                        <table class="layui-table" lay-skin="line">
                            <colgroup>
                                <col width="40">
                            </colgroup>
                            <tbody>
                            <tr>
                                <td><input type="checkbox" name="layTableCheckbox" lay-skin="primary" title=""></td>
                                <td>
                                    <div class="tdpro_templet">
                                        <div class="pro_hd"><img src="../assets/images/48x48.jpg" alt=""></div>
                                        <div class="pro_bd">
                                            <div class="p1 layui-elip">Nike耐克男鞋科比毒液6科比毒液还素质</div>
                                            <div class="p2">102923</div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" name="layTableCheckbox" lay-skin="primary" title=""></td>
                                <td>
                                    <div class="tdpro_templet">
                                        <div class="pro_hd"><img src="../assets/images/48x48.jpg" alt=""></div>
                                        <div class="pro_bd">
                                            <div class="p1 layui-elip">Nike耐克男鞋科比毒液6科比毒液还素质</div>
                                            <div class="p2">102923</div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" name="layTableCheckbox" lay-skin="primary" title=""></td>
                                <td>
                                    <div class="tdpro_templet">
                                        <div class="pro_hd"><img src="../assets/images/48x48.jpg" alt=""></div>
                                        <div class="pro_bd">
                                            <div class="p1 layui-elip">Nike耐克男鞋科比毒液6科比毒液还素质</div>
                                            <div class="p2">102923</div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" name="layTableCheckbox" lay-skin="primary" title=""></td>
                                <td>
                                    <div class="tdpro_templet">
                                        <div class="pro_hd"><img src="../assets/images/48x48.jpg" alt=""></div>
                                        <div class="pro_bd">
                                            <div class="p1 layui-elip">Nike耐克男鞋科比毒液6科比毒液还素质</div>
                                            <div class="p2">102923</div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" name="layTableCheckbox" lay-skin="primary" title=""></td>
                                <td>
                                    <div class="tdpro_templet">
                                        <div class="pro_hd"><img src="../assets/images/48x48.jpg" alt=""></div>
                                        <div class="pro_bd">
                                            <div class="p1 layui-elip">Nike耐克男鞋科比毒液6科比毒液还素质</div>
                                            <div class="p2">102923</div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
        <div class="popup-btn"><a class="popbtn0" id="next02">确定</a><a close-popup class="popbtn1">取消</a></div>
    </div>
</div>
<script src="../assets/layui/layui.all.js"></script>
<script src="../assets/js/common.js"></script>

<script>

    var element = layui.element;
    var form = layui.form;
    var layer = layui.layer;
    var $ = layui.jquery;
    var table = layui.table;

    // 打开添加码段弹框
    function upgradePro() {
        layer.open({
            area: '540px',
            title: '创建启用码段',
            skin: 'zp-popup',
            type: 1,
            content: $('#upgradePopup')
        });
    }
    $(document).on('click', '#next01', function () {
        //设置升级身份下一步
        $(".step_01").hide();
        $(".step_02").show();
    });
    $(document).on('click', '#next02', function () {
        //设置升级身份下一步
        layer.closeAll();
    });

    //启用方式切换
    form.on('radio(rd1)', function (data) {
        console.log(data.value); //被点击的radio的value值
        if (data.value == "整批启用") {
            $(".tab1").show();
            $(".tab2").hide();
        } else {
            $(".tab1").hide();
            $(".tab2").show();
        }
    });

    // 打开商品弹框
    function selectPro() {
        layer.open({
            title: '选择商品',
            skin: 'zp-popup',
            area: '540px',
            type: 1,
            content: $('#selproPopup')
        });
    }

    var data = [
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "pp": "雅诗兰黛",
            "jg": "<b>￥120.00</b>",
        },
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "pp": "雅诗兰黛",
            "jg": "<b>￥120.00</b>",
        },
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "pp": "雅诗兰黛",
            "jg": "<b>￥120.00</b>",
        },
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "pp": "雅诗兰黛",
            "jg": "<b>￥120.00</b>",
        },
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "pp": "雅诗兰黛",
            "jg": "<b>￥120.00</b>",
        }
    ];

    table.render({
        elem: '#test',
        cellMinWidth: 80,
        height: 316,
        skin: 'line',
        cols: [[
            {type:'radio'},
            {field:'spmc', width:270, title: '商品名称', templet: '#spTemplet'},
            {field:'pp', width:90, title: '品牌'},
            {field:'jg', width:90, title: '价格(元)'},
        ]],
        data: data
    });

    /*当前导航位置*/
    currNav(3, 3, 0);
</script>

</body>
</html>